<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>人才数据</title>
		<script src="../js/mui.min.js"></script>
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../css/style.css" />
		<link rel="stylesheet" href="../css/jquery.selectlist.css" />
		<link rel="stylesheet" href="../css/iconfont.css" />
		<link rel="stylesheet" href="../css/index.css" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title" id='tou'>人才数据</h1>
			<h1 class="mui-title list_search" id='search' style="display: none;">
				<input type="text" id='search_name' placeholder="输入商家">
				<button type="button" onclick="sou()">搜索</button>
			</h1>
			<!--<a class="mui-icon iconfont icon-sousuo-sousuo mui-pull-right search"></a>-->
			<a class="mui-icon mui-icon-search mui-pull-right search"></a>
		</header>
			<div id="demo" style="height:60px;">
				ddd
			</div>
			<div style="width:100%;margin:40px auto 0 auto;">
				<select id="edu" class="staus" style="float: left;width: 32%;margin-left:1%;" onchange="func()">
					<option value="0">工作状态</option>
					<option value="1" >正在找工作</option>
					<option value="2">临时工</option>
					<option value="3">在职</option>
				</select>
				<select id="competent" class="staus"style="float: left;width: 32%;margin-left:1%;"  onchange="func()">
					<option value="0">行业</option>
					<option value="1">农业</option>
					<option value="2">服务业</option>
					<option value="3">工业</option>
				</select>
				<select id="salary" class="staus"style="float: right;width: 32%;margin-right:1%;"  onchange="func()">
					<option value="0">工作时间</option>
					<option value="1">长期</option>
					<option value="2">兼职</option>
					<option value="3">临时工</option>
				</select>
				
			</div>
			<div>
				<ul class="content">
					
				</ul>
			</div>
		</div>
		<div id="footer"></div>
	</body>

</html>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script src="../js/app.js" type="text/javascript"></script>
<script type="text/javascript" src="../js/castapp.js"></script>
<script type="text/javascript" src="../js/layer/layer.min.js"></script>
<script type="text/javascript" src="../js/select/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="../js/select/jquery.selectlist.js"></script>

<script type="text/javascript">
		getFoot(getUrlParam("foot_active") > 0 ? getUrlParam("foot_active") : 1);
$(function(){

	
	$.ajax({
			//请求的url
			//注意，如果我们使用路由器的情况下，我们需要设置一下本地服务器的ip地址
			url: APP.api_url + 'talent/tlist',
			data: {
			},
			dataType: 'JSONP', // 处理Ajax跨域问题
			//成功了的回调，并且带有返回值
			success: function(data) {
				//layer.msg(data.msg);
				if(data.code == 200) {
					var mem_list = data.list;
					var mem_htm = "";
					for(var i = 0; i < mem_list.length; i++) {			
							mem_htm += '<a  href="talentxq.html?id='+mem_list[i]['id']+'"<li class="mui-table-view-cell mui-media">'+mem_list[i]['real_name']+'<li>'+
							'<div class="mui-card-header mui-card-media">'+			
								'<div class="mui-media-body">学历：' + mem_list[i]['record']+ '<div class="list">期待月薪：<em>' + mem_list[i].m_money + '</em></div>'+ '<p>职称： '+mem_list[i].certification+'</p></div></div></a>';
					}
					$(".content").html(mem_htm);
				} else {
					layer.msg('暂时没有');
				}
			}
		});

});
////根据搜索取出商品

		function func(val){
			var status=$('#edu').val();
			var time=$('#salary').val();
			var competent=$('#competent').val();
			$.ajax({
			//请求的url
			//注意，如果我们使用路由器的情况下，我们需要设置一下本地服务器的ip地址
			url: APP.api_url + 'talent/select',
			data: {
				status:status,
				time:time,
				competent:competent
			},
			dataType: 'JSONP', // 处理Ajax跨域问题
			//成功了的回调，并且带有返回值
			success: function(data) {
				//layer.msg(data.msg);
				if(data.code == 200) {
					var mem_list = data.list;
					var mem_htm = "";
					for(var i = 0; i < mem_list.length; i++) {			
							mem_htm += '<a  href="talentxq.html?'+mem_list[i]['id']+'"<li class="mui-table-view-cell mui-media">'+mem_list[i]['real_name']+'<li>'+
							'<div class="mui-card-header mui-card-media">'+			
								'<div class="mui-media-body">学历：' + mem_list[i]['record']+ '<div class="list">期待月薪：<em>' + mem_list[i].m_money + '</em></div>'+ '<p>职称： '+mem_list[i].certification+'</p></div></div></a>';
					}
					$(".content").html(mem_htm);
				} else {
					layer.msg('暂时没有');
				}
			}
		});
		}

</script>